<template>
  <div>
    <a href="http://www.baidu.com">去百度</a>
    <hr />

    <!-- 变量用在属性上可以直接使用不需要插值表达式 -->
    <a v-bind:href="to">去好123{{to}}</a>
    <hr />
    <a :href="to">简写模式</a>
    <img v-bind:src="imgSrc">
    <hr/>
    <img :src="imgSrc">
  </div>
</template>

<script>
// 是vue项目的入口文件
export default {
  // vue组件的变量都定义在data函数return的对象里
  // data是一个函数 
  // 1.定义变量
 data() {
  //  注意: 要返回一个对象
   return {
      to: 'http://www.hao123.com',
      imgSrc: 'https://img0.baidu.com/it/u=3798217922,3880088897&fm=253&fmt=auto&app=120&f=JPEG?w=889&h=500'
   }
 }
}
</script>

<style>

</style>